<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>高校基本信息</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="__PUBLIC__/Superadmins/css/reset.css">
<style>
body{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#top{ position: absolute; width:100%; height: 161px; }
#left{ position: absolute; top: 161px; left: 0; width:190px; border-right: 1px solid #cbcbcb;display: none; }
#main{ position: absolute; top: 161px; left: 0; z-index: 2; }
#mask{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: .3; filter: alpha(opacity=30); z-index: 1; }
</style>

</head>
<body>
	<iframe src="{:U('Superadmins/Index/nav')}" id="top"></iframe>
	<iframe src="" id="left" name="left"></iframe>
	<iframe src="{:U('Superadmins/Index/welcome')}" id="main" name="main" scrolling="auto"></iframe>
	<div id="mask"></div>
	<script src="__PUBLIC__/Superadmins/js/jquery-1.11.1.min.js"></script>
	<script>
		$(function() {
			
			var H=0,W=0,W2=0,h=0,w=0;

			fullScreen();
			$('#main').width($(window).width());
			$(window).resize(function() {
				fullScreen();
			});

			function fullScreen(){
				H = $(window).height();
				W = $(window).width();
				W2 = $(document).width();

				// console.log(W-W2);

				h = $('#top').height();
				w = $('#left').width();

				$('#left').height(H-h);
				$('#main').height(H-h);
				$('#main').width(W-w-1);

				
			}
		});
	</script>

</body>
	
</html>